<template>
  <div>
    <template>
      <div class="content">
        <router-view v-wechat-title='$route.meta.title'/>
        <!-- <van-tabbar v-model="active">
          <van-tabbar-item icon="wap-home">首页</van-tabbar-item>
          <van-tabbar-item icon="bill">经营统计</van-tabbar-item>
          <van-tabbar-item icon="contact">我的</van-tabbar-item>
        </van-tabbar> -->
        <div v-if="routerName == '/home' || routerName == '/manage' || routerName == '/user'">
          <van-tabbar route>
            <van-tabbar-item replace to="/home" icon="wap-home">首页</van-tabbar-item>
            <van-tabbar-item replace to="/manage" icon="bill">经营统计</van-tabbar-item>
            <van-tabbar-item replace to="/user" icon="contact">我的</van-tabbar-item>
          </van-tabbar>
        </div>  
      </div>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 0,
      routerName:null
    };
  },
  mounted() {
    this.routerName = this.$route.path
  },
  updated () {
    this.routerName = this.$route.path
    console.log(this.routerName)
  },
  methods:{}
}
</script>
<style scoped lang="scss">
.van-tabbar{
  height: 50px;
  padding-bottom:34px
}
</style>